:root {
  --light-code-background: #ffffff;
  --dark-code-background: #1e1e1e;
}

@media (prefers-color-scheme: light) {
  :root {
    --code-background: var(--light-code-background);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --code-background: var(--dark-code-background);
  }
}

:root[data-theme='light'] {
  --code-background: var(--light-code-background);
}

:root[data-theme='dark'] {
  --code-background: var(--dark-code-background);
}

pre,
code {
  background: var(--code-background);
}
